﻿@model IEnumerable<FH.Application.NewsApp.Dtos.NewsDto>
@using FH.Application.NewsApp.Dtos
@{
    ViewData["Title"] = "新闻中心";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style type="text/css">

    .service-v1 {
        padding-bottom: 20px;
        background-image: url('/images/B-04.jpg');
        background-color: rgb(9, 14, 20);
        height: 316px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    /*layerDF2D9E94C8F704A0CB356834581DFACC*/
    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC li {
        overflow: hidden;
        margin: 10px 0;
        padding-bottom: 15px;
        list-style: none;
        border-bottom: 1px dotted #dbd4cd;
        list-style: none;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .time {
        background: #198ede;
        width: 60px;
        float: left;
        text-align: center;
        margin-left: 30px;
        color: #fff;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .conts {
        margin-left: 130px;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC #day {
        /*border-bottom:#36a2eb 1px solid;*/
        height: 41px;
        line-height: 41px;
        font-size: 24px;
        color: #fff;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .date {
        display: block;
        height: 18px;
        line-height: 18px;
        font-size: 13px;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC h3 {
        margin: 0px;
        padding: 0px;
    }

        .article_list-layerDF2D9E94C8F704A0CB356834581DFACC h3 a {
            font-size: 16px;
            color: #333333;
            font-weight: bold;
            overflow: hidden;
        }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .conts p {
        color: #999;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
    }

        .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .conts p a {
            color: #999;
            font-size: 12px;
        }

            .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .conts p a:hover {
                color: #198ede;
            }

        .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .conts p.abstract {
            width: 100%;
            overflow: hidden;
            word-wrap: break-word;
        }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .wp-pager_link {
        margin-bottom: 5px;
    }

        .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .wp-pager_link a {
            border: 1px solid #000;
            padding: 2px 5px;
            margin: 2px;
            color: #000;
            text-decoration: none;
        }

            .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .wp-pager_link a:hover {
                border: 1px solid #000;
                color: #FFF;
                background-color: #000;
            }

        .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .wp-pager_link span.current {
            border: 1px solid #000;
            padding: 2px 5px;
            font-weight: bold;
            margin: 2px;
            color: #FFF;
            background-color: #000;
        }

        .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .wp-pager_link span.disabled {
            border: 1px solid #EEE;
            padding: 2px 5px;
            margin: 2px;
            color: #DDD;
        }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC div.wp-new-article-style-01-left {
        margin-right: 8px;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC div.conts {
        margin-left: 125px;
    }

    #layerDF2D9E94C8F704A0CB356834581DFACC .article_list-layerDF2D9E94C8F704A0CB356834581DFACC h1.title_text > a:hover {
        color: #5A5A5A;
        line-height: 140%;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC h1.title_text > a {
        display: inline-block;
        font-family: SimSun;
        font-size: 18px;
        color: #048bcd;
        font-weight: normal;
        text-decoration: none;
        line-height: 140%;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC p.title_text1 {
        display: inline-block;
        font-family: SimSun;
        font-size: 12px;
        color: #7D7D7D;
        font-weight: normal;
        text-decoration: none;
        line-height: 140%;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC p.abstractd {
        display: block;
        font-family: SimSun;
        font-size: 12px;
        color: #7D7D7D;
        font-weight: normal;
        text-decoration: none;
        line-height: 140%;
    }

    #layerDF2D9E94C8F704A0CB356834581DFACC .article_list-layerDF2D9E94C8F704A0CB356834581DFACC a.artdetialtips {
        display: inline-block;
        font-family: SimSun;
        font-size: 12px;
        color: #CF0202;
        font-weight: normal;
        text-decoration: none;
        line-height: 140%;
    }

        #layerDF2D9E94C8F704A0CB356834581DFACC .article_list-layerDF2D9E94C8F704A0CB356834581DFACC a.artdetialtips:hover {
            color: #ff0000;
        }

    #layerDF2D9E94C8F704A0CB356834581DFACC .article_list-layerDF2D9E94C8F704A0CB356834581DFACC p.title > a:hover {
        color: #da2418;
        line-height: 140%;
    }

    #layerDF2D9E94C8F704A0CB356834581DFACC .article_list-layerDF2D9E94C8F704A0CB356834581DFACC p.title > a {
        display: inline-block;
        font-family: Microsoft YaHei;
        font-size: 16px;
        color: #434343;
        font-weight: bold;
        text-decoration: none;
        line-height: 140%;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC span.category > a {
        display: inline-block;
        font-family: SimSun;
        font-size: 12px;
        color: #0064D4;
        font-weight: normal;
        text-decoration: none;
        line-height: 140%;
    }

        .article_list-layerDF2D9E94C8F704A0CB356834581DFACC span.category > a:visited {
            display: inline-block;
            font-family: SimSun;
            font-size: 12px;
            color: #0064D4;
            font-weight: normal;
            text-decoration: none;
        }

    #layerDF2D9E94C8F704A0CB356834581DFACC .wpart-border-line .time {
        width: 80px;
    }

    #layerDF2D9E94C8F704A0CB356834581DFACC .wpart-border-line .time {
        height: 80px;
    }

    #layerDF2D9E94C8F704A0CB356834581DFACC .wpart-border-line .date {
        text-decoration: none;
    }

    #layerDF2D9E94C8F704A0CB356834581DFACC .wpart-border-line .date {
        font-weight: normal;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC span.wp-new-ar-pro-time {
        display: inline-block;
        font-family: Microsoft YaHei;
        font-size: 24px;
        padding-top: 6px;
        color: #929292;
        font-weight: bold;
        text-decoration: none;
        line-height: 140%;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .time {
        display: inline-block;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .conts {
        margin-left: 150px;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC p.abstract {
        line-height: 140%;
        display: inline-block;
        font-family: Microsoft YaHei;
        font-size: 12px;
        line-height: 16px !important;
        padding-top: 6px;
        color: #5A5A5A;
        font-weight: normal;
        text-decoration: none;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC p.link {
        background: none;
    }

    .article_list-layerDF2D9E94C8F704A0CB356834581DFACC .wpart-border-line {
        border-bottom: 0px solid none;
    }

    #layerDF2D9E94C8F704A0CB356834581DFACC .showprec {
        display: inline;
    }

    /*layerDF2D9E94C8F704A0CB356834581DFACC*/
</style>
<section class="service-v1 hidden-sm hidden-xs">
    <div class="container ">
        <div class="row">
            <div class="col-md-12">
                <div class="wp-title_content" style="border-color: transparent; border-width: 0px; height: 51px;margin-top: 120px;margin-left:50px;">
                    <div style="text-align:left;">
                        <span style="color: #cd3c32; font-family: 微软雅黑; font-size: 29px;">
                            <strong>最新动态 ，一手掌握</strong>
                        </span>
                    </div>
                </div>

                @*<div class="wp-title_content" style="margin-top: 10px;border-color: transparent; border-width: 0px;margin-left:50px;">
                    <div style="text-align: left;"><span style="color: #cd3c32; font-family: 微软雅黑; line-height: 180%; font-size: 14px;">引爆市场、携手共赢、共享财富</span></div>
                </div>*@
            </div>
        </div>

    </div>
</section>
<section class="about" style="padding:1em 0;">
    <div class="container">
        <div class="wp-article_content wp-article_list_content" style="border-color: transparent; border-width: 0px; overflow: hidden; width: 1154px; height: 725px;">
            <div class="article_list-layerDF2D9E94C8F704A0CB356834581DFACC" style="overflow:hidden;">

                <ul>
                    @if (Model != null && Model.Any())
                    {
                        foreach (NewsDto item in Model)
                        {

                            <li class="wpart-border-line" style=";padding-top:12px;padding-bottom:12px;">
                                <div class="time" style="background:#000000;width:80px;height:80px;">
                                    <span class="wp-new-ar-pro-time" id="day" style="line-height：41px;color:#ffffff;font-size:24px;">@item.CreatedOn.ToString("dd")</span>
                                    <span class="date" id="day_ym" style="color:#ffffff;font-size:13px;display:block; ">@item.CreatedOn.ToString("yyyy-MM")</span>
                                </div>
                                <div class="conts">
                                    <p class="title"><a class="articleid" articleid="16" href="@Url.Action("Detail",new { id=item.Id})" title="@item.Name">@item.Name</a></p>
                                    <p class="abstract">@item.Content</p>
                                </div>
                            </li>
                        }

                    }
                    @*<li class="wpart-border-line" style=";padding-top:12px;padding-bottom:12px;">
                        <div class="time" style="background:#000000;width:80px;height:80px;">
                            <span class="wp-new-ar-pro-time" id="day" style="line-height：41px;color:#ffffff;font-size:24px;">29</span>
                            <span class="date" id="day_ym" style="color:#ffffff;font-size:13px;display:block; ">2014-09</span>
                        </div>
                        <div class="conts">
                            <p class="title"><a class="articleid" articleid="16" href="@Url.Action("Detail")" title="我公司推出专用看车牌白光摄像机">我公司推出专用看车牌白光摄像机</a></p>
                            <p class="abstract">其具体型号和参数见产品分类&nbsp;XS-81LB系列。此种摄像机完全采用SONY方案设计、机芯在台湾生产，独特的DSP&nbsp;强光抑制功能能应用于所有门闸处。其具体型号和参数见产品分类&nbsp;&nbsp;XS-81LB系列。&nbsp;&nbsp;</p>
                        </div>
                        <input type="hidden" class="articleid" data-title="我公司推出专用看车牌白光摄像机">
                        <input type="hidden" class="abstract" data-desc="其具体型号和参数见产品分类 XS-81LB系列。此种摄像机完全采用SONY方案设计、机芯在台湾生产，独特的DSP 强光抑制功能能应用于所有门闸处。其具体型号和参数见产品分类  XS-81LB系列。  ">
                    </li>
                    <li class="wpart-border-line" style=";padding-top:12px;padding-bottom:12px;">
                        <div class="time" style="background:#000000;width:80px;height:80px;">
                            <span class="wp-new-ar-pro-time" id="day" style="line-height：41px;color:#ffffff;font-size:24px;">29</span>
                            <span class="date" id="day_ym" style="color:#ffffff;font-size:13px;display:block; ">2014-09</span>
                        </div>
                        <div class="conts">
                            <p class="title"><a class="articleid" articleid="23" href="@Url.Action("Detail")" title="上海监控探头重要路段全覆盖">上海监控探头重要路段全覆盖</a></p>
                            <p class="abstract">上海警方在路面监控系统建设上投入重金，各级公安机关在辖区重点路段、场所都安装了监控系统，为及时发现和打击路面犯罪提供了有力的技术支撑。</p>
                        </div>
                        <input type="hidden" class="articleid" data-title="上海监控探头重要路段全覆盖">
                        <input type="hidden" class="abstract" data-desc="上海警方在路面监控系统建设上投入重金，各级公安机关在辖区重点路段、场所都安装了监控系统，为及时发现和打击路面犯罪提供了有力的技术支撑。">
                    </li>
                    <li class="wpart-border-line" style=";padding-top:12px;padding-bottom:12px;">
                        <div class="time" style="background:#000000;width:80px;height:80px;">
                            <span class="wp-new-ar-pro-time" id="day" style="line-height：41px;color:#ffffff;font-size:24px;">29</span>
                            <span class="date" id="day_ym" style="color:#ffffff;font-size:13px;display:block; ">2014-09</span>
                        </div>
                        <div class="conts">
                            <p class="title"><a class="articleid" articleid="22" href="@Url.Action("Detail")" title="轨交世博车站拟装新安保设施 人脸识别器自动报">轨交世博车站拟装新安保设施 人脸识别器自动报</a></p>
                            <p class="abstract">一旦通缉犯经过，人脸识别仪会立即“捕捉”并报警，这种新型安保设施有望安装在世博园区所涉及的轨交车站。据有关方面透露，包括人脸识别、气体检测、辐射检测在内多种新型安保设施正在研究中，将用来保护世博会期间的轨道交通线路安全畅通。</p>
                        </div>
                        <input type="hidden" class="articleid" data-title="轨交世博车站拟装新安保设施 人脸识别器自动报">
                        <input type="hidden" class="abstract" data-desc="一旦通缉犯经过，人脸识别仪会立即“捕捉”并报警，这种新型安保设施有望安装在世博园区所涉及的轨交车站。据有关方面透露，包括人脸识别、气体检测、辐射检测在内多种新型安保设施正在研究中，将用来保护世博会期间的轨道交通线路安全畅通。">
                    </li>
                    <li class="wpart-border-line" style=";padding-top:12px;padding-bottom:12px;">
                        <div class="time" style="background:#000000;width:80px;height:80px;">
                            <span class="wp-new-ar-pro-time" id="day" style="line-height：41px;color:#ffffff;font-size:24px;">29</span>
                            <span class="date" id="day_ym" style="color:#ffffff;font-size:13px;display:block; ">2014-09</span>
                        </div>
                        <div class="conts">
                            <p class="title"><a class="articleid" articleid="21" href="@Url.Action("Detail")" title="视频监控市场焕发生机 呈现多种新特点">视频监控市场焕发生机 呈现多种新特点</a></p>
                            <p class="abstract">视频监控业务具有悠久的历史，在传统上广泛应用于安防领域，是协助公共安全部门打击犯罪、维持社会安定的重要手段。近年来，随着宽带的普及，计算机技术的发展，图像处理技术的提高，视频监控正越来越广泛地渗透到教育、政府、娱乐、医疗、酒店、运动等其他各种领域。</p>
                        </div>
                        <input type="hidden" class="articleid" data-title="视频监控市场焕发生机 呈现多种新特点">
                        <input type="hidden" class="abstract" data-desc="视频监控业务具有悠久的历史，在传统上广泛应用于安防领域，是协助公共安全部门打击犯罪、维持社会安定的重要手段。近年来，随着宽带的普及，计算机技术的发展，图像处理技术的提高，视频监控正越来越广泛地渗透到教育、政府、娱乐、医疗、酒店、运动等其他各种领域。">
                    </li>
                    <li class="wpart-border-line" style=";padding-top:12px;padding-bottom:12px;">
                        <div class="time" style="background:#000000;width:80px;height:80px;">
                            <span class="wp-new-ar-pro-time" id="day" style="line-height：41px;color:#ffffff;font-size:24px;">29</span>
                            <span class="date" id="day_ym" style="color:#ffffff;font-size:13px;display:block; ">2014-09</span>
                        </div>
                        <div class="conts">
                            <p class="title"><a class="articleid" articleid="20" href="@Url.Action("Detail")" title="安防视频监控系统的前世今生">安防视频监控系统的前世今生</a></p>
                            <p class="abstract">依赖摄像机、缆、录像机和监视器等专用设备。可供任何经授权客户机从网络中任何位置访问、监视、记录并打印，而不是生成连续模拟视频信号形式图像。全IP视频监控系统与前面两种方案相比存在显著区别。该系统优势是摄像机内置Web服务器，并直接提供以太网端口。</p>
                        </div>
                        <input type="hidden" class="articleid" data-title="安防视频监控系统的前世今生">
                        <input type="hidden" class="abstract" data-desc="依赖摄像机、缆、录像机和监视器等专用设备。可供任何经授权客户机从网络中任何位置访问、监视、记录并打印，而不是生成连续模拟视频信号形式图像。全IP视频监控系统与前面两种方案相比存在显著区别。该系统优势是摄像机内置Web服务器，并直接提供以太网端口。">
                    </li>
                    <li class="wpart-border-line" style=";padding-top:12px;padding-bottom:12px;">
                        <div class="time" style="background:#000000;width:80px;height:80px;">
                            <span class="wp-new-ar-pro-time" id="day" style="line-height：41px;color:#ffffff;font-size:24px;">29</span>
                            <span class="date" id="day_ym" style="color:#ffffff;font-size:13px;display:block; ">2014-09</span>
                        </div>
                        <div class="conts">
                            <p class="title"><a class="articleid" articleid="19" href="@Url.Action("Detail")" title="北京移动实现刷手机购物 SIM卡内置RFID标签">北京移动实现刷手机购物 SIM卡内置RFID标签</a></p>
                            <p class="abstract">上周末，北京移动和物美集团正式签署战略合作协议，北京移动2000万手机用户只要更换了内置射频(RFID)标签的SIM卡就可以在物美集团旗下的物美和美廉美超市的300多家门店中实现刷手机购物，并可以在这些超市的收银台对手机进行充值。</p>
                        </div>
                        <input type="hidden" class="articleid" data-title="北京移动实现刷手机购物 SIM卡内置RFID标签">
                        <input type="hidden" class="abstract" data-desc="上周末，北京移动和物美集团正式签署战略合作协议，北京移动2000万手机用户只要更换了内置射频(RFID)标签的SIM卡就可以在物美集团旗下的物美和美廉美超市的300多家门店中实现刷手机购物，并可以在这些超市的收银台对手机进行充值。">
                    </li>*@
                </ul>

                @*<div class="wp-pager_link" style="text-align: center; position: relative; bottom: auto; width: 100%;"><span class="disabled"> &lt; </span><span class="current">1</span><a href="###2">2</a><a href="###3">3</a><a href="###4">4</a><a href="###2"> &gt; </a></div>*@
            </div>

        </div>
    </div>
</section>